<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>商品分类</title>
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <!--标准mui.css-->
    <link href="../css/mui.min.css" rel="stylesheet" />
    <link href="../phoneCss/commons.css" rel="stylesheet"/>
    <link href="../phoneCss/index.css" rel="stylesheet" />
    <style>
        body,.mui-content{
            background: #f6f6f6;
        }
        .mui-row.mui-fullscreen>[class*="mui-col-"] {
            height: 100%;
        }
        .mui-col-xs-3,
        .mui-col-xs-9 {
            overflow-y: auto;
            height: 100%;
        }

        .mui-segmented-control .mui-control-item {
            line-height: 60px;
            width: 100%;
        }

        .mui-control-content {
            display: block;
            min-height: 100%;
            overflow-x: hidden;
        }

        .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active {
            background-color: #fff;
            color: #d43136;
        }
        .mui-table-view:before,.mui-table-view:after{
            background: transparent;
        }
        #sort{
            color: #de1221;
        }
        #me,#index,#cart{
            color: #2e2e2e;
        }
    </style>
</head>

<body>
<!--
    作者：lwy
    时间：2017-02-06
    描述：首页头部开始
-->
<header class="mui-bar mui-bar-nav">
    <h1 class="mui-title"><input class="index-input" type="search" placeholder="搜索您想要的商品" readonly id="keyword">
    </h1>
    <a class="mui-pull-right" id="search-right"></a>
</header>

<!--<div class="title_box">-->
    <!--<ul>-->
        <!--<li><span>分类</span></li>-->
        <!--<li class="title_act"><span>品牌</span></li>-->
    <!--</ul>-->
<!--</div>-->

<div class="mui-content mui-row mui-fullscreen" id="category">
    <div class="mui-col-xs-3">
        <div id="segmentedControls" class="mui-segmented-control mui-segmented-control-inverted mui-segmented-control-vertical">
            <!--<a class="mui-control-item mui-active" data-index="1" href="#content1">选项1</a>-->
        </div>
    </div>
    <div id="segmentedControlContents" class="mui-col-xs-9">

        <!--<div class="mui-control-content" id="content3">-->
            <!--<div class="advertising_img">-->
                <!--<img src="../phoneImg/advertising.jpg" alt="">-->
            <!--</div>-->
            <!--<div class="mui-clearfix">-->
                <!--<h2 class="category_small_title" style="margin-bottom: 6px;">热门品牌<span class="mui-icon mui-icon-arrowright"></span><span class="more_brand">更多品牌</span></h2>-->
                <!--<ul class="mui-table-view mui-clearfix">-->
                    <!--<li class="mui-table-view-cell">-->
                        <!--<img src="../phoneImg/brand_apple.jpg" alt="">-->
                    <!--</li>-->
                    <!--<li class="mui-table-view-cell">-->
                        <!--<img src="../phoneImg/brand_mi.jpg" alt="">-->
                    <!--</li>-->
                    <!--<li class="mui-table-view-cell">-->
                        <!--<img src="../phoneImg/brand_huawei.jpg" alt="">-->
                    <!--</li>-->
                    <!--<li class="mui-table-view-cell">-->
                        <!--<img src="../phoneImg/brand_sansing.jpg" alt="">-->
                    <!--</li>-->
                    <!--<li class="mui-table-view-cell">-->
                        <!--<img src="../phoneImg/brand_oppo.jpg" alt="">-->
                    <!--</li>-->
                    <!--<li class="mui-table-view-cell">-->
                        <!--<img src="../phoneImg/brand_vivo.jpg" alt="">-->
                    <!--</li>-->
                <!--</ul>-->
            <!--</div>-->
            <!--<div class="mui-clearfix">-->
                <!--<h2 class="category_small_title">热门推荐</h2>-->
                <!--<ul class="mui-table-view mui-clearfix">-->
                    <!--<li class="mui-table-view-cell">-->
                        <!--<img src="../img/oneImg/goods1.jpg" alt="">-->
                        <!--<span>手机品牌</span>-->
                    <!--</li>-->
                    <!--<li class="mui-table-view-cell">-->
                        <!--<img src="../img/oneImg/goods1.jpg" alt="">-->
                        <!--<span>手机品牌</span>-->
                    <!--</li>-->
                    <!--<li class="mui-table-view-cell">-->
                        <!--<img src="../img/oneImg/goods1.jpg" alt="">-->
                        <!--<span>手机品牌</span>-->
                    <!--</li>-->
                    <!--<li class="mui-table-view-cell">-->
                        <!--<img src="../img/oneImg/goods1.jpg" alt="">-->
                        <!--<span>手机品牌</span>-->
                    <!--</li>-->
                    <!--<li class="mui-table-view-cell">-->
                        <!--<img src="../img/oneImg/goods1.jpg" alt="">-->
                        <!--<span>手机品牌</span>-->
                    <!--</li>-->
                    <!--<li class="mui-table-view-cell">-->
                        <!--<img src="../img/oneImg/goods1.jpg" alt="">-->
                        <!--<span>手机品牌</span>-->
                    <!--</li>-->
                    <!--<li class="mui-table-view-cell">-->
                        <!--<img src="../img/oneImg/goods1.jpg" alt="">-->
                        <!--<span>手机品牌</span>-->
                    <!--</li>-->
                    <!--<li class="mui-table-view-cell">-->
                        <!--<img src="../img/oneImg/goods1.jpg" alt="">-->
                        <!--<span>手机品牌</span>-->
                    <!--</li>-->
                    <!--<li class="mui-table-view-cell">-->
                        <!--<img src="../img/oneImg/goods1.jpg" alt="">-->
                        <!--<span>手机品牌</span>-->
                    <!--</li>-->
                <!--</ul>-->
            <!--</div>-->
        <!--</div>-->
    </div>
</div>
<!--
    作者：837081299@qq.com
    时间：2017-02-07
    描述：底部导航开始
-->
<nav class="mui-bar mui-bar-tab">
    <a class="mui-tab-item" id="index" href="">
        <span class="mui-icon"><img src="../phoneImg/index-icon.png"/></span>
        <span class="mui-tab-label">首页</span>
    </a>
    <a class="mui-tab-item" id="sort" href="">
        <span class="mui-icon"><img src="../phoneImg/sort-icon-act.png"/></span>
        <span class="mui-tab-label">分类</span>
    </a>
    <a class="mui-tab-item" id="cart" href="">
        <span class="mui-icon"><img src="../phoneImg/cart-icon.png"/></span>
        <span class="mui-tab-label">购物车</span>
    </a>
    <a class="mui-tab-item" id="me" href="">
        <span class="mui-icon"><img src="../phoneImg/personal-icon.png"/></span>
        <span class="mui-tab-label">我的</span>
    </a>
</nav>
<script src="../js/mui.min.js"></script>
<script src="../js/jquery-1.10.1.min.js"></script>
<script src="../js/swiper-3.4.2.jquery.min.js"></script>
<script>
    document.write("<s"+"cript type='text/javascript' src='../js/common.js?"+Math.random()+"'></scr"+"ipt>");
    document.write("<s"+"cript type='text/javascript' src='../phoneJs/category.js?"+Math.random()+"'></scr"+"ipt>");
</script>

</body>

</html>